<!DOCTYPE html>
<html data-theme-mode="{{ desk_theme.lower() }}" data-theme="{{ desk_theme.lower() }}" dir={{ layout_direction }}
    lang="{{ lang }}">

<head>
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#0089FF">
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#0089FF">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#0089FF">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
			maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="mobile-web-app-capable" content="yes">
    <title>Frappe</title>
    <link rel="shortcut icon" href="{{ favicon or " /assets/frappe/images/frappe-favicon.svg" }}" type="image/x-icon">
    <link rel="icon" href="{{ favicon or " /assets/frappe/images/frappe-favicon.svg" }}" type="image/x-icon">
    {% for include in include_css -%}
    {{ include_style(include) }}
    {%- endfor -%}
</head>

<body class="testing">
    {% include "public/icons/timeless/icons.svg" %}
    {% include "templates/includes/splash_screen.html" %}
    <div class="main-section">
        <div id="main-body" class="row">
            <div class="col-md-2 col-sm-4 layout-main mainapp">
                <div class="mainhead"></div>
                <div class="layout-side-section-menu"> </div>
            </div>
            <div class="col-md-10 col-sm-8 mainpage mainapppage">
                <header></header>
                <div class="page-head flex design-page-head">
                    <div class="container">
                        <div class="row flex align-center page-head-content justify-between">
                            <div class="topagedetail col-md-12">
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="left-container">
                                            <ol class="show-grid list-unstyled">
                                                <li class="active">
                                                    <div class="media">
                                                        <div class="pull-left avatarbody" href="#">

                                                        </div>
                                                        <div
                                                            class="media-body backbody flex-column align-start justify-center">
                                                            <h2 class="username welcomeback">Welcome back, !</h2>
                                                            <p class="new-notifications">
                                                                <svg class="icon icon-md">
                                                                    <use href="#icon-notification-2"></use>
                                                                </svg>
                                                                You have <span class="notificationlength">0</span> new
                                                                Notifications
                                                            </p>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class=" fill-width title-area">
                                            <div class="blocktext right flex align-center justify-content-end">
                                                <h3 class="ellipsis title-text text-right text-muted"></h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 col-xs-8 page-title">
                                <!-- title -->
                            </div>

                        </div>
                    </div>
                </div>
                <div class="maintabpage">
                    <div class="layout-main-tabs-wrapper"></div>
                </div>
                <div id="body"></div>
                <footer></footer>
            </div>
        </div>
    </div>
    <div id="build-events-overlay"></div>

    <script type="text/javascript">
        window._version_number = "{{ build_version }}";
        // browser support
        window.app = true;
        window.dev_server = {{ dev_server }};

        if (!window.frappe) window.frappe = {};

        frappe.boot = JSON.parse({{ boot }});
        frappe._messages = frappe.boot["__messages"];
        frappe.csrf_token = "{{ csrf_token }}";
    </script>

    {% for include in include_js %}
    {{ include_script(include) }}
    {% endfor %}

    {% include "templates/includes/app_analytics/google_analytics.html" %} 

    {% for sound in (sounds or []) %}
    <audio preload="auto" id="sound-{{ sound.name }}" volume={{ sound.volume or 1 }}>
        <source src="{{ sound.src }}">
        </source>
    </audio>
    {% endfor %}
</body>

</html>
